src/app/(main)/teams/[teamId]/TeamMembersDataTable.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { DataGrid } from '@/components/common/DataGrid';
import { useTeamMembersQuery } from '@/components/hooks';
import { TeamMembersTable } from './TeamMembersTable';

export function TeamMembersDataTable({
  teamId,
  allowEdit = false,
}: {
  teamId: string;
  allowEdit?: boolean;
}) {
  const queryResult = useTeamMembersQuery(teamId);

  return (
    <DataGrid query={queryResult} allowSearch>
      {({ data }) => <TeamMembersTable data={data} teamId={teamId} allowEdit={allowEdit} />}
    </DataGrid>
  );
}